@fontsSize: 14px;

// 两种色系变换
// 橙色系
[class="orangeSeries"] {
  // 主题色
  --primary-color: rgb(255, 74, 50); //#ff4a32
  --primary60-color: rgba(255, 74, 50, 0.6); //--primary-color60%
  --primary50-color: rgba(255, 74, 50, 0.5); //--primary-color50%
  --primary48-color: rgba(255, 74, 50, 0.48); //--primary-color48%
  --primary20-color: rgba(255, 74, 50, 0.2); //--primary-color20%
  --primary10-color: rgba(255, 74, 50, 0.1); //--primary-color10%
  --primary28-color: rgba(255, 74, 50, 0.28); //--primary-color  28%
  --primary8-color: rgba(255, 74, 50, 0.08); //--primary-color  8%
  --primary0-color: rgba(255, 74, 50, 0); //--primary-color  0%

  // 分割线色
  --line-light-color: rgb(242, 242, 242); //#f2f2f2 100%
  --line-dark-color: rgb(229, 230, 235); //#E5E6EB 100%

  // 文字色
  --text-color: rgb(29, 33, 41); //#1D2129  100%
  --text2-color: rgb(78, 89, 105); //#4E5969  100%
  --text3-color: rgb(134, 144, 156); //#86909C  100%
  --text4-color: rgb(201, 205, 212); //#C9CDD4  100%

  // 背景色
  --bg1-color: rgb(240, 240, 245); //#f0f0f5  100%
  --bg2-color: rgb(242, 242, 246); //#F2F2F6  100%
  --bg3-color: rgb(246, 246, 251); //#F6F6FB 100%
  --white-color: rgb(255, 255, 255); //#FFFFFF  100%

  // 信息色
  --green-color: rgb(0, 176, 66); //#00B042  100%
  --green48-color: rgba(0, 176, 66, 0.48); //#00B042  48%
  --green12-color: rgba(0, 176, 66, 0.12); //#00B042  12%
  --orange-color: rgb(255, 146, 0); //#FF9200  100%
  --orange48-color: rgba(255, 146, 0, 0.48); //#FF9200  48%
  --orange12-color: rgba(255, 146, 0, 0.12); //#FF9200  12%
  --red-color: rgb(255, 82, 25); //#FF5219  100%
  --red48-color: rgba(255, 82, 25, 0.48); //#FF5219  48%
  --red12-color: rgba(255, 82, 25, 0.12); //#FF5219  12%
  --blue-color: rgb(43, 131, 255); //#2b83ff  100%
  --blue48-color: rgba(43, 131, 255, 0.48); //#2b83ff  48%
  --blue12-color: rgba(43, 131, 255, 0.12); //#2b83ff  12%

  // 渐变参考色
  --gradient1-color: rgb(255, 74, 50); //#FF4A32  100%
  --gradient2-color: rgb(253, 103, 42); //#FD672A  100%
  --gradient3-color: rgb(255, 71, 73); //#FF4749  100%

  // 首页图标背景
  --home-bg-color: rgba(255, 74, 50, 0.05); //#FF4A32  5%
  --home-border-color: rgba(255, 74, 50, 0.25); //#FF4A32  25%
  --home-border38-color: rgba(255, 74, 50, 0.38); //#FF4A32  38%
  --price-bg-color: rgb(252, 247, 246);
  --price-bg0-color: rgba(252, 247, 246, 0);

  --system-icon-topbg-color: rgb(247, 124, 109);

  //按钮背景
  --but-bg-color:rgb(255, 246, 246);//#fff6f6
}

// 蓝色系
[class="blueSeries"] {
  // 主题色
  --primary-color: rgb(43, 131, 255); //#FF4A32
  --primary60-color: rgba(43, 131, 255, 0.6); //--primary-color60%
  --primary50-color: rgba(43, 131, 255, 0.5); //--primary-color50%
  --primary48-color: rgba(43, 131, 255, 0.48); //--primary-color48%
  --primary20-color: rgba(43, 131, 255, 0.2); //--primary-color20%
  --primary10-color: rgba(43, 131, 255, 0.1); //--primary-color10%
  --primary28-color: rgba(43, 131, 255, 0.28); //--primary-color  28%
  --primary8-color: rgba(43, 131, 255, 0.08); //--primary-color  8%
  --primary0-color: rgba(43, 131, 255, 0); //--primary-color  0%

  // 分割线色
  --line-light-color: rgb(242, 242, 242); //#f2f2f2 100%
  --line-dark-color: rgb(229, 230, 235); //#E5E6EB 100%

  // 文字色
  --text-color: rgb(29, 33, 41); //#1D2129  100%
  --text2-color: rgb(78, 89, 105); //#4E5969  100%
  --text3-color: rgb(134, 144, 156); //#86909C  100%
  --text4-color: rgb(201, 205, 212); //#C9CDD4  100%

  // 背景色
  --bg1-color: rgb(240, 240, 245); //#f0f0f5  100%
  --bg2-color: rgb(242, 242, 246); //#F2F2F6  100%
  --bg3-color: rgb(246, 246, 251); //#F6F6FB 100%
  --white-color: rgb(255, 255, 255); //#FFFFFF  100%

  // 信息色
  --green-color: rgb(0, 176, 66); //#00B042  100%
  --green48-color: rgba(0, 176, 66, 0.48); //#00B042  48%
  --green12-color: rgba(0, 176, 66, 0.12); //#00B042  12%
  --orange-color: rgb(255, 146, 0); //#FF9200  100%
  --orange48-color: rgba(255, 146, 0, 0.48); //#FF9200  48%
  --orange12-color: rgba(255, 146, 0, 0.12); //#FF9200  12%
  --red-color: rgb(245, 63, 63); //#f53f3f  100%
  --red48-color: rgba(245, 63, 63, 0.48); //#f53f3f  48%
  --red12-color: rgba(245, 63, 63, 0.12); //#f53f3f  12%
  --blue-color: rgb(43, 131, 255); //#2b83ff  100%
  --blue48-color: rgba(43, 131, 255, 0.48); //#2b83ff  48%
  --blue12-color: rgba(43, 131, 255, 0.12); //#2b83ff  12%

  // 渐变参考色
  --gradient1-color: rgb(43, 131, 255); //#2b83ff  100%
  --gradient2-color: rgb(10, 165, 247); //#4994ff  100%
  --gradient3-color: rgb(9, 101, 230); //#0965e6  100%

  // 首页图标背景
  --home-bg-color: rgba(72, 147, 255, 0.05);
  --home-border-color: rgba(43, 131, 255, 0.25);
  --home-border38-color: rgba(43, 131, 255, 0.48);
  --price-bg-color: rgb(241, 247, 255);
  --price-bg0-color: rgba(241, 247, 255, 0);

  --system-icon-topbg-color: rgb(73, 148, 255);

  //按钮背景
  --but-bg-color:rgb(240, 246, 255);//#fff6f6
}


.van-toast{
  width: auto!important;
  min-width: 100px!important;
  max-width: 76%!important;
  background-color: #fff!important;
  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.16);
  .van-icon{
    color: var(--primary-color);
  }
  .van-toast__loading{  //loading
    color: var(--primary-color);
  }
  .van-icon-checked, .van-icon-success{  //成功    this.$toast({ message: '成功', icon: 'checked' });
    color: rgb(0, 180, 42);
  }
  .van-icon-warning, .van-icon-fail{  //提示    this.$toast({ message: '提示', icon: 'warning' });
    color: rgb(237, 106, 24);
  }
  .van-icon-clear{  //失败   this.$toast({ message: '失败', icon: 'clear' });
    color: rgb(245, 63, 63);
  }
  .van-toast__text{
    color: rgb(29, 33, 41);
  }
}

.vux-toast,.vux-loading{
  .weui-toast{
    padding: 1.6rem;
    min-width: 7.6em !important;
    width: unset !important;
    min-height: unset !important;
    max-width: 25rem !important;
    background: #fff!important;
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.16)!important;
    color: rgb(29, 33, 41)!important;

    &.weui-toast_success .weui-icon_toast.weui-icon-success-no-circle:before{
      color: rgb(0, 180, 42);
    }
    //弹框内容
    .weui-toast__content{
      width: unset !important;
    }
  }
}
